<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html class="no-js">
<jsp:include page="../common/common-head.jsp"/>
<body>
<!-- Main wrapper -->
<div class="wrapper" id="wrapper">
  <!-- Header -->
  <jsp:include page="../common/common-top.jsp"/>
  <!-- //Header -->

  <!-- Start Bradcaump area -->
  <div class="ht__bradcaump__area bg-image--4">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="bradcaump__inner text-center">
            <h2 class="bradcaump-title">图书详情</h2>
            <nav class="bradcaump-content">
              <a class="breadcrumb_item" href="/">Home</a>
              <span class="brd-separetor">/</span>
              <span class="breadcrumb_item active">图书详情</span>
            </nav>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- End Bradcaump area -->


  <!-- Start main Content -->
  <div class="maincontent bg--white pt--80 pb--55">
    <div class="container">
      <div class="row">
        <div class="col-lg-9 col-12">
          <div class="wn__single__product">
            <div class="row">
              <div class="col-lg-6 col-12">
                <div class="wn__fotorama__wrapper">
                  <div class="fotorama wn__fotorama__action" data-nav="thumbs">
                    <a href="#"><img src="${goods.path}" alt=""></a>
                  </div>
                </div>
              </div>
              <div class="col-lg-6 col-12">
                <div class="product__info__main">
                  <h1>${goods.name}</h1>
                  <div class="product-info-stock-sku d-flex">
                    <p>作者:<span> ${goods.author}</span></p>
                    <p>分类:<span> ${goods.category}</span></p>
                  </div>
                  <div class="price-box">
                    <span>$${goods.money}元</span>
                  </div>
                  <form method="post" action="/ordersItem/addItem/${goods.id}">
                    <div class="box-tocart d-flex">
                      <span>数量</span>
                      <input id="qty" class="input-text qty" name="count" min="1" value="1" title="Qty" type="number">
                      <div class="addtocart__actions">
                        <button class="tocart" type="submit" title="Add to Cart">Add to Cart</button>
                      </div>

                    </div>
                  </form>

                  <div class="product-addto-links clearfix">
                    <a class="wishlist" href="/goods/collect/${goods.id}"></a>
                  </div>
                  <div class="product__overview">
                    <p>${goods.remark}</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="product__info__detailed">
            <div class="pro_details_nav nav justify-content-start" role="tablist">
              <a class="nav-item nav-link active" data-toggle="tab" href="#nav-details" role="tab">详情</a>
            </div>
            <div class="tab__container">
              <!-- Start Single Tab Content -->
              <div class="pro__tab_label tab-pane fade show active" id="nav-details" role="tabpanel">
                <div class="description__attribute">
                  <p>${goods.content}</p>
                </div>
              </div>
              <!-- End Single Tab Content -->

            </div>
          </div>
        </div>
        <div class="col-lg-3 col-12 md-mt-40 sm-mt-40">
          <div class="shop__sidebar">
            <aside class="wedget__categories poroduct--cat">
              <h3 class="wedget__title">图书分类</h3>
              <ul>
                <c:forEach items="${CATEGORY_LIST}" var="item">
                  <li><a href="/goods/list?category=${item}">${item} </a></li>
                </c:forEach>
              </ul>
            </aside>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- End main Content -->


  <!-- Footer Area -->
  <jsp:include page="../common/common-footer.jsp"/>
  <!-- //Footer Area -->
</div>
<!-- //Main wrapper -->


<jsp:include page="../common/common-script.jsp"/>
</body>
</html>
